<template>
	<view class="job-container">
		<view class="header-title flex column">
			{{ userData.deptName }}
			<!-- <text class="text-grey2">岗位类型：管理人员</text> -->
		</view>
		<view class="mt-30">岗位职责</view>
		<view class="text-grey1 mt-20" style="word-break: break-word;">{{ userData.duty }}</view>
	</view>
</template>

<script>
  import {getPostDuty} from "../../../api/system/user";
  import store from '@/store'

	export default {
		data() {
			return {
				userData: {}
			}
		},
		onLoad() {
			this.getUserData()
		},
		methods: {
			getUserData() {
        getPostDuty(store.getters.staffId).then(res => {
					this.userData = res.data
				})
			},
		}
	}
</script>

<style lang="scss">
	.job-container {
		justify-content: center;
		margin-top: 20rpx;
		background-color: #fff;
		padding: 30rpx;

		.header-title {
			font-size: 34rpx;
			border-bottom: 1px solid #D5D7E3;
			padding-bottom: 30rpx;

			text {
				font-size: 28rpx;
			}
		}
	}
</style>
